<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米首页</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div class="header">
        <div class="contariner">
            <div class="nav">
                <ul>
                    <li><a href="#">小米官网</a></li><span class="sep">|</span>
                    <li><a href="#">小米商城</a></li><span class="sep">|</span>
                    <li><a href="#">小米澎湃OS</a></li><span class="sep">|</span>
                    <li><a href="#">小米汽车</a></li><span class="sep">|</span>
                    <li><a href="#">云服务</a></li><span class="sep">|</span>
                    <li><a href="#">loT</a></li><span class="sep">|</span>
                    <li><a href="#">有品</a></li><span class="sep">|</span>
                    <li><a href="#">小爱开放平台</a></li><span class="sep">|</span>
                    <li><a href="#">资质证照</a></li><span class="sep">|</span>
                    <li><a href="#">协议规则</a></li><span class="sep">|</span>
                    <li><a href="#">下载app</a></li><span class="sep">|</span>
                    <li><a href="#">Select Location</a></li>
                </ul>
            </div>
            <div class="content">
                <div class="lreg">
                    <a href="#">登录</a><span class="sep">|</span>
                    <a href="#">注册</a><span class="sep">|</span>
                    <a href="#" class="massage">消息通知</a>
                </div>
                <div class="user" id="usr">
                    <a href="#" id="gwc"><i class="iconfont icon-gouwuche"></i>购物车（0）</a>
                </div>
            </div>
            
        </div>
        
    </div>
    <div class="site_head">
        <div class="site">
            <div id="ls">购物车中还没有商品,赶紧选购吧!</div>
            <div class="logo">
                <a href="#"><i class="iconfont icon-icon-xiaomiguishu"></i></a>
            </div>
            <div class="content">
                <a href="#" class="">Xiaomi手机</a>
                <a href="#">Redmi手机</a>
                <a href="#">电视</a>
                <a href="#">笔记本</a>
                <a href="#">平板</a>
                <a href="#">家电</a>
                <a href="#">路由器</a>
                <a href="#">服务中心</a>
                <a href="#">社区</a>
                
            </div>
            
            <div class="sousuo">
                <input type="text" placeholder="笔记本"><i class="iconfont icon-sousuo"></i>
            </div>
        </div>
    </div>
    <div class="datacontent">
        <div class="content">
            <div class="datalst">
                <ul>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/1.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi MIX Fold 4</div>
                            <p>8999元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/2.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi MIX Flip</div>
                            <p>5999元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/3.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi Civi 4 Pro</div>
                            <p>2799元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/4.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi 14 Ultra</div>
                            <p>5999元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/5.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi 14 Pro</div>
                            <p>4599元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/6.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi 14</div>
                            <p>3999元起</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="datacontent">
        <div class="content">
            <div class="datalst">
                <ul>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/rmsj/1.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi MIX Fold 4</div>
                            <p>8999元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/rmsj/2.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi MIX Flip</div>
                            <p>5999元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/rmsj/3.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi Civi 4 Pro</div>
                            <p>2799元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/rmsj/4.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi 14 Ultra</div>
                            <p>5999元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/rmsj/25.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi 14 Pro</div>
                            <p>4599元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/rmsj/6.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi 14</div>
                            <p>3999元起</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="datacontent">
        <div class="content">
            <div class="datalst">
                <ul>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/1.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi MIX Fold 4</div>
                            <p>8999元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/2.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi MIX Flip</div>
                            <p>5999元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/3.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi Civi 4 Pro</div>
                            <p>2799元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/4.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi 14 Ultra</div>
                            <p>5999元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/5.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi 14 Pro</div>
                            <p>4599元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/6.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi 14</div>
                            <p>3999元起</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="datacontent">
        <div class="content">
            <div class="datalst">
                <ul>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/1.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi MIX Fold 4</div>
                            <p>8999元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/2.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi MIX Flip</div>
                            <p>5999元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/3.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi Civi 4 Pro</div>
                            <p>2799元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/4.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi 14 Ultra</div>
                            <p>5999元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/5.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi 14 Pro</div>
                            <p>4599元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/6.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi 14</div>
                            <p>3999元起</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>  
    </div> 
    <div class="datacontent">
        <div class="content">
            <div class="datalst">
                <ul>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/1.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi MIX Fold 4</div>
                            <p>8999元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/2.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi MIX Flip</div>
                            <p>5999元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/3.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi Civi 4 Pro</div>
                            <p>2799元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/4.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi 14 Ultra</div>
                            <p>5999元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/5.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi 14 Pro</div>
                            <p>4599元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/6.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi 14</div>
                            <p>3999元起</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="datacontent">
        <div class="content">
            <div class="datalst">
                <ul>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/1.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi MIX Fold 4</div>
                            <p>8999元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/2.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi MIX Flip</div>
                            <p>5999元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/3.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi Civi 4 Pro</div>
                            <p>2799元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/4.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi 14 Ultra</div>
                            <p>5999元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/5.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi 14 Pro</div>
                            <p>4599元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/6.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi 14</div>
                            <p>3999元起</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
     <div class="datacontent">   
        <div class="content">
            <div class="datalst">
                <ul>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/1.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi MIX Fold 4</div>
                            <p>8999元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/2.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi MIX Flip</div>
                            <p>5999元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/3.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi Civi 4 Pro</div>
                            <p>2799元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/4.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi 14 Ultra</div>
                            <p>5999元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/5.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi 14 Pro</div>
                            <p>4599元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div>
                                <img src="./images/xmsj/6.webp" alt="" width="160px" height="110px">
                            </div>
                            <div class="title">Xiaomi 14</div>
                            <p>3999元起</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="banner_aside">

        <div class="nav">
            <div class="banner">
                <img src="./images/banner/1.jpg" alt="" id="img" class="active">
                <img src="./images/banner/2.png" alt="" id="img">
                <img src="./images/banner/3.png" alt="" id="img">
                <img src="./images/banner/4.png" alt="" id="img">
                <img src="./images/banner/5.png" alt="" id="img">
                <img src="./images/banner/6.png" alt="" id="img">
            </div>
            
            <div class="nav_aside">
                <li><a href="#">手机<i class="iconfont icon-liebiaojiantou"></i></a></li>
                <li><a href="#">电视<i class="iconfont icon-liebiaojiantou"></i></a></li>
                <li><a href="#">家电<i class="iconfont icon-liebiaojiantou"></i></a></li>
                <li><a href="#">笔记本&nbsp;平板&nbsp;显示器<i class="iconfont icon-liebiaojiantou"></i></a></li>
                <li><a href="#">出行&nbsp;穿戴<i class="iconfont icon-liebiaojiantou"></i></a></li>
                <li><a href="#">耳机&nbsp;音箱<i class="iconfont icon-liebiaojiantou"></i></a></li>
                <li><a href="#">健康&nbsp;儿童<i class="iconfont icon-liebiaojiantou"></i></a></li>
                <li><a href="#">生活&nbsp;箱包<i class="iconfont icon-liebiaojiantou"></i></a></li>
                <li><a href="#">智能&nbsp;路由器<i class="iconfont icon-liebiaojiantou"></i></a></li>
                <li><a href="#">电源&nbsp;配件<i class="iconfont icon-liebiaojiantou"></i></a></li>
            </div>
            <div class="navcontent">
                <ul>
                    <li>
                        <a href="#">
                            <div class="img">
                                <img src="./images/cbl/xmmix.webp" alt="">  
                            </div>
                            <span class="title">Xiaomi MIX系列</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="navcontent">
                <ul>
                    <li>
                        <a href="#">
                            <div class="img">
                                <img src="./images/cbl/xmdsspro.webp" alt="">  
                            </div>
                            <span class="title">小米电视 S Pro Mini LED</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="navcontent">
                <ul>
                    <li>
                        <a href="#">
                            <div class="img">
                                <img src="./images/cbl/xmmix.webp" alt="">  
                            </div>
                            <span class="title">Xiaomi MIX系列</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="navcontent">
                <ul>
                    <li>
                        <a href="#">
                            <div class="img">
                                <img src="./images/cbl/xmmix.webp" alt="">  
                            </div>
                            <span class="title">Xiaomi MIX系列</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="navcontent">
                <ul>
                    <li>
                        <a href="#">
                            <div class="img">
                                <img src="./images/cbl/xmmix.webp" alt="">  
                            </div>
                            <span class="title">Xiaomi MIX系列</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="navcontent">
                <ul>
                    <li>
                        <a href="#">
                            <div class="img">
                                <img src="./images/cbl/xmmix.webp" alt="">  
                            </div>
                            <span class="title">Xiaomi MIX系列</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="navcontent">
                <ul>
                    <li>
                        <a href="#">
                            <div class="img">
                                <img src="./images/cbl/xmmix.webp" alt="">  
                            </div>
                            <span class="title">Xiaomi MIX系列</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="navcontent">
                <ul>
                    <li>
                        <a href="#">
                            <div class="img">
                                <img src="./images/cbl/xmmix.webp" alt="">  
                            </div>
                            <span class="title">Xiaomi MIX系列</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="navcontent">
                <ul>
                    <li>
                        <a href="#">
                            <div class="img">
                                <img src="./images/cbl/xmmix.webp" alt="">  
                            </div>
                            <span class="title">Xiaomi MIX系列</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="navcontent">
                <ul>
                    <li>
                        <a href="#">
                            <div class="img">
                                <img src="./images/cbl/xmmix.webp" alt="">  
                            </div>
                            <span class="title">Xiaomi MIX系列</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="ljiantou" id="pre"><i class="iconfont icon-xiangzuojiantou"></i></div>
            <div class="rjiantou" id="next"><i class="iconfont icon-xiangyoujiantou"></i></div>
            <div class="yd">
                <a href="#" class="dot active"><i class="iconfont icon-yuandianxiao"></i></a>
                <a href="#" class="dot"><i class="iconfont icon-yuandianxiao"></i></a>
                <a href="#" class="dot"><i class="iconfont icon-yuandianxiao"></i></a>
                <a href="#" class="dot"><i class="iconfont icon-yuandianxiao"></i></a>
                <a href="#" class="dot"><i class="iconfont icon-yuandianxiao"></i></a>
                <a href="#" class="dot"><i class="iconfont icon-yuandianxiao"></i></a>
            </div>
        </div>
    </div>
    <div class="about">
        <div class="aboutcontent">
            <div class="about_side">
                <ul class="ulst">
                    <li><a href="#"><img src="./images/bzfw.png" alt="">保障服务</a></li>
                    <li><a href="#"><img src="./images/qytg.png" alt="">企业团购</a></li>
                    <li><a href="#"><img src="./images/fmtd.png" alt="">F码通道</a></li>
                    <li><a href="#"><img src="./images/mfk.png" alt="">米粉卡</a></li>
                    <li><a href="#"><img src="./images/yjhx.png" alt="">以旧换新</a></li>
                    <li><a href="#"><img src="./images/hfcz.png" alt="">话费充值</a></li>
                </ul>
            </div>
            <div class="about_pro">
                <ul class="prolst">
                    <li class="first">
                        <a href="#">
                            <img src="./images/xm15.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/xmds.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/xmb4.png" alt="">
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="page_main">
        <div class="contairn">
            <div class="page_banner">
                <a href="#">
                    <img src="./images/xm14.png" alt="">
                </a>
            </div>
            <div class="xmsj">
                <div class="box-head">
                    <h2>手机</h2>
                    <div class="more">
                        <a href="#">查看更多<i class="iconfont icon-liebiaojiantou"></i></a>
                    </div>
                </div>
                <div class="box-bd">
                    <div class="row">
                        <div class="span1">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="./images/xm15pro.webp" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="span2">
                            <ul>
                                <li>
                                    <a href="#">
                                        <div class="img">
                                            <img src="./images/xm15.webp" alt="">
                                        </div>
                                        <h3 class="title">Xiaomi 15</h3>
                                        <p class="desc"> 徕卡光学 Summilux 高速镜头｜骁龙®8至尊版移动平台｜5400mAh 小米金沙江电池 小米澎湃OS 2</p>
                                        <p class="price">
                                            <span class="num">4999</span>元<span>起</span>
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="img">
                                            <img src="./images/xm15prom.webp" alt="">
                                        </div>
                                        <h3 class="title">Xiaomi 15 Pro</h3>
                                        <p class="desc">徕卡光学 Summilux 高速镜头｜骁龙®8至尊版移动平台｜5400mAh 小米金沙江电池 小米澎湃OS 2</p>
                                        <p class="price">
                                            <span class="num">5299</span>元<span>起</span>
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="img">
                                            <img src="./images/xm15prod.webp" alt="">
                                        </div>
                                        <h3 class="title">Xiaomi 15 Pro 定制版</h3>
                                        <p class="desc">卡光学 Summilux 高速镜头｜骁龙®8至尊版移动平台｜5400mAh 小米金沙江电池 小米澎湃OS 2</p>
                                        <p class="price">
                                            <span class="num">4999</span>元<span>起</span>
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="img">
                                            <img src="./images/rmnt14pro+.webp" alt="">
                                        </div>
                                        <h3 class="title">Redmi Note 14 Pro+</h3>
                                        <p class="desc">第三代骁龙®7s</p>
                                        <p class="price">
                                            <span class="num">1899</span>元<span>起</span>
                                            <del>
                                                <span class="num">1999</span>元
                                            </del>
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="img">
                                            <img src="./images/rmnt14pro.webp" alt="">
                                        </div>
                                        <h3 class="title">Redmi Note 14 Pro</h3>
                                        <p class="desc">天玑 7300-Ultra</p>
                                        <p class="price">
                                            <span class="num">1399</span>元<span>起</span>
                                            <del>
                                                <span class="num">1499</span>元<span></span>
                                            </del>
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="img">
                                            <img src="./images/rmk70zz.webp" alt="">
                                        </div>
                                        <h3 class="title">Redmi K70 至尊版</h3>
                                        <p class="desc">性能魔王 全面进化</p>
                                        <p class="price">
                                            <span class="num">2499</span>元<span>起</span>
                                            <del>
                                                <span class="num">2599</span>元<span></span>
                                            </del>
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="img">
                                            <img src="./images/xmmf.webp" alt="">
                                        </div>
                                        <h3 class="title">Xiaomi Mix Flip</h3>
                                        <p class="desc">4.01英寸多功能超大外屏|徕卡光学Summilux镜头</p>
                                        <p class="price">
                                            <span class="num">5999</span>元<span>起</span>
                                        </p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="img">
                                            <img src="./images/xmmf4.webp" alt="">
                                        </div>
                                        <h3 class="title">Xiaomi Mix Fold 4</h3>
                                        <p class="desc">超轻薄四曲面机身|小米龙骨转轴2.0|全碳纤维支撑架构</p>
                                        <p class="price">
                                            <span class="num">8999</span>元<span>起</span>
                                        </p>
                                    </a>
                                </li>
                                
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="xmjd">
                <div class="box-head">
                    <h2>家电</h2>
                    <div class="more">
                        <ul class="tablst">
                            <li class="active">热门</li>
                            <li>电视影音</li>
                            <li>空调</li>
                        </ul>
                    </div>
                </div>
                <div class="box-body">
                    <div class="row">
                        <div class="span3">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="./images/xmjd/dss.webp" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./images/xmjd/jhxpro.webp" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="span4">
                            <div class="d1">
                                <ul class="rmlst active">
                                    <div>
                                        <li class="item-m">
                                            <a href="">
                                                <div class="img">
                                                    <img src="./images/xmjd/xmdss.webp" alt="">
                                                </div>
                                                <h3 class="title">小米电视S系列</h3>
                                                <p class="desc">144HZ超高刷 3+32G 多色温色彩还原技术</p>
                                                <p class="price"><span class="num">2599</span>元<span>起</span></p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="item-m">
                                            <a href="">
                                                <div class="img">
                                                    <img src="./images/xmjd/xmdsspro.webp" alt="">
                                                </div>
                                                <h3 class="title">小米电视S Pro Mini LED系列</h3>
                                                <p class="desc">144Hz超高刷、4+64G大存储</p>
                                                <p class="price"><span class="num">4999</span>元<span>起</span></p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="item-m">
                                            <a href="">
                                                <div class="img">
                                                    <img src="./images/xmjd/xmdsmn.webp" alt="">
                                                </div>
                                                <h3 class="title">小米电视 S Mini LED 系列</h3>
                                                <p class="desc">Mini LED 高分区背光、1200nits峰值亮度</p>
                                                <p class="price"><span class="num">2999</span>元<span>起</span></p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="item-m">
                                            <a href="">
                                                <div class="img">
                                                    <img src="./images/xmjd/jsdxmkt.webp" alt="">
                                                </div>
                                                <h3 class="title">巨省电 小米空调 1.5匹新1级能效</h3>
                                                <p class="desc">强劲制冷 | 高效节能 | 智能互联</p>
                                                <p class="price"><span class="num">2499</span>元</p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="item-m">
                                            <a href="">
                                                <div class="img">
                                                    <img src="./images/xmjd/mjxfkt.webp" alt="">
                                                </div>
                                                <h3 class="title">米家新风空调 立式3匹</h3>
                                                    
                                                
                                                <p class="desc">全屋快通风，就要大新风</p>
                                                <p class="price"><span class="num">5999</span>元<del><span class="num">7299</span>元</del></p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="item-m">
                                            <a href="">
                                                <div class="img">
                                                    <img src="./images/xmjd/mjblxyj.webp" alt="">
                                                </div>
                                                <h3 class="title">米家波轮洗衣机 10kg</h3>
                                                    
                                                
                                                <p class="desc">全景玻璃阻尼上盖 防夹手</p>
                                                <p class="price"><span class="num">999</span>元<del><span class="num">1499</span>元</del></p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="item-m">
                                            <a href="">
                                                <div class="img">
                                                    <img src="./images/xmjd/mjmnblxyj.webp" alt="">
                                                </div>
                                                <h3 class="title">米家迷你波轮洗衣机Pro 3kg</h3>
                                                    
                                                
                                                <p class="desc">高温煮洗 杀菌除螨</p>
                                                <p class="price"><span class="num">849</span>元<del><span class="num">1599</span>元</del></p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="item-s">
                                            <a href="#">
                                                <div class="img">
                                                    <img src="./images/xmjd/xjbxws.webp" alt="">
                                                </div>
                                                
                                                <h3 class="title">米家冰箱无霜两门186L</h3>
                                                <p class="price"><span class="num">1199</span>元</p>
                                            </a>
                                        </li>
                                    </div>
                                    <li class="item-s">
                                        <a href="#">
                                            <div class="imgmore">
                                                <i class="iconfont icon-liulangengduo"></i>
                                            </div>
                                            <div class="more">浏览更多<small>热门</small></div>       
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="d1">
                                <ul class="rmlst">
                                    <div>
                                        <li class="item-m">
                                            <a href="#">
                                                <div class="img">
                                                    <img src="./images/xmjd/2xmds.webp" alt="">
                                                </div>
                                                <h3 class="title">小米电视大师 86英寸 Mini LED</h3>
                                                <p class="desc">千级分区 Mini LED</p>
                                                <p class="price"><span class="num">14999</span>元<del><span class="num">15999</span>元</del></p>   
                                            </a>
                                        </li>
                                        <li class="item-s">
                                            <a href="#">
                                                <div class="imgmore"><i class="iconfont icon-liulangengduo"></i></div>
                                                <div class="more">浏览更多<small>电视影音</small></div>
                                            </a>
                                        </li>
                                    </div>
                                </ul>
                            </div>
                            <div class="d1">
                                <ul class="rmlst">
                                    <div>
                                        <li class="item-m">
                                            <a href="">
                                                <div class="img">
                                                    <img src="./images/xmjd/jsdxmkt.webp" alt="">
                                                </div>
                                                <h3 class="title">巨省电 小米空调 1.5匹新1级能效</h3>
                                                <p class="desc">强劲制冷 | 高效节能 | 智能互联</p>
                                                <p class="price"><span class="num">2499</span>元</p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="item-m">
                                            <a href="">
                                                <div class="img">
                                                    <img src="./images/xmjd/jxdxmktd.jpg" alt="">
                                                </div>
                                                <h3 class="title">巨省电 小米空调 大1匹新1级能效</h3>
                                                
                                                <p class="desc">温湿双控 | 全直流变频 | 宽温域运行</p>
                                                <p class="price"><span class="num">2299</span>元</p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="item-m">
                                            <a href="">
                                                <div class="img">
                                                    <img src="./images/xmjd/jsdpro.jpg" alt="">
                                                </div>
                                                <h3 class="title">巨省电Pro 小米空调 1.5匹新1级能效</h3>
                                                <p class="desc">能效领先一代的智能空调</p>
                                                <p class="price"><span class="num">2499</span>元<del><span class="num">2999</span>元</del></p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="item-m">
                                            <a href="">
                                                <div class="img">
                                                    <img src="./images/xmjd/3mjxfkt.webp" alt="">
                                                </div>
                                                <h3 class="title">米家新风空调 1.5匹新1级能效 2023</h3>
                                                <p class="desc">打造室内天然氧吧|4重深度净化</p>
                                                <p class="price"><span class="num">2999</span>元</p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="item-m">
                                            <a href="">
                                                <div class="img">
                                                    <img src="./images/xmjd/jsdls.jpg" alt="">
                                                </div>
                                                <h3 class="title">巨省电 小米空调 立式3匹新1级能效</h3>
                                                <p class="desc">高效节能 | 立体送风 | 智能互联</p>
                                                <p class="price"><span class="num">5299</span>元</p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="item-m">
                                            <a href="">
                                                <div class="img">
                                                    <img src="./images/xmjd/mjxfkt.webp" alt="">
                                                </div>
                                                <h3 class="title">米家新风空调 立式3匹新1级能效</h3>
                                                <p class="desc">全屋快通风，就要大新风</p>
                                                <p class="price"><span class="num">5999</span>元<del><span class="num">7299</span>元</del></p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="item-m">
                                            <a href="">
                                                <div class="img">
                                                    <img src="./images/xmjd/mjzykt.webp" alt="">
                                                </div>
                                                <h3 class="title">米家中央空调风管机 3匹</h3>
                                                <p class="desc">嵌入式安装|自然融入|智能互联</p>
                                                <p class="price"><span class="num">5799</span>元<del><span class="num">6999</span>元</del></p>
                                            </a>
                                        </li>
                                    </div>
                                    <li class="item-s">
                                        <a href="#">
                                            <div class="imgmore"><i class="iconfont icon-liulangengduo"></i></div>
                                            <div class="more">浏览更多<small>空调</small></div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div>
        <div class="sitefoot">
            <div class="container">
                <div class="services">
                    <ul class="serlst">
                        <li>
                            <a href="#">
                                <i class="iconfont icon-banshou"></i>预约维修服务
                               
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="iconfont icon-sevenday"></i>7天无理由退货
                               
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="iconfont icon-15tianmianfeihuanhuo24px"></i>15天免费换货</span>
                               
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="iconfont icon-lihe"></i>满69包邮
                               
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="iconfont icon-map"></i>1100余家售后网点
                               
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="footer">
                    <dl class="firstdl">
                        <dt></dt>
                    </dl>
                    <dl>
                        <dt>选购指南
                            <dd>手机</dd>
                            <dd>电视</dd>
                            <dd>笔记本</dd>
                            <dd>平板</dd>
                            <dd>穿戴</dd>
                            <dd>耳机</dd>
                            <dd>家电</dd>
                            <dd>路由器</dd>
                            <dd>音箱</dd>
                            <dd>配件</dd>
                        </dt>
                    </dl>
                    <dl>
                        <dt>服务中心
                            <dd>申请售后</dd>
                            <dd>售后政策</dd>
                            <dd>维修服务价格</dd>
                            <dd>订单查询</dd>
                            <dd>以旧换新</dd>
                            <dd>保障服务</dd>
                            <dd>防伪查询</dd>
                            <dd>F码通道</dd>
                        </dt>
                    </dl>
                    <dl>
                        <dt>线下门店
                            <dd>小米之家</dd>
                            <dd>服务网点</dd>
                            <dd>授权体验店/专区</dd>
                        </dt>
                    </dl>
                    <dl>
                        <dt>关于小米
                            <dd>了解小米</dd>
                            <dd>加入小米</dd>
                            <dd>投资者关系</dd>
                            <dd>可持续发展</dd>
                            <dd>连接举报</dd>
                        </dt>
                    </dl>
                    <dl>
                        <dt>关注我们
                            <dd>新浪微博</dd>
                            <dd>官方微信</dd>
                            <dd>联系我们</dd>
                            <dd>公益基金会</dd>
                        </dt>
                    </dl>
                    <div class="lxfs">
                        <p class="phone">400-100-5678</p>
                        <p>8:00-18:00（仅收市话费）</p>
                        <a href="#" class="btn primary small">
                            <i class="iconfont icon-xiaoxi"></i>人工客服
                        </a>
                        <p class="phone" style="margin-top: 25px;">400-180-8888</p>
                    <div style="width: 200px; text-align: left; margin-left: 52px;">
                        <p>8:00-18:00（仅收市话费）</p> 
                        <p style="margin-top: 3px;">适用于：MIX FOLD、巨屏电视系列</p>
                    </div>
                    <a href="#" class="btn primary small">
                        <i class="iconfont icon-xiaoxi"></i>人工客服
                    </a>
                    </div>
                    
                </div>
                
            </div>
            
        </div>
        <div class="footer_bottom">
            <div class="footer_contair">
                <div class="footer_left">
                    <i class="iconfont icon-icon-xiaomiguishu"></i>
                </div>
                <div class="footer_right">
                    <p><a href="#">小米商城</a> | <a href="#">小米澎湃OS</a> | <a href="#">米家</a> | <a href="#">多看</a> | <a href="#">游戏</a> | <a href="#">音乐</a> | <a href="#">政企服务</a> | <a href="#">小米天猫店</a> | <a href="#">小米集团隐私政策</a> | <a href="#">小米公司儿童信息保护规则</a> | <a href="#">小米商城隐私政策</a> | <a href="#">小米商城用户协议</a> | <a href="#">问题反馈</a> | <a href="#">Select Location</a></p>
                    <p><a href="#">北京互联网法院法律服务工作站</a> | <a href="#">中国消费者协会</a> | <a href="#">北京市消费者协会</a></p>
                    <p>© <a href="#">mi.com</a> 京ICP证110507号 <a href="#">京ICP备10046444号</a> <a href="#">京公网安备11010802020134号</a> <a href="#">京网文[2023]0169-004号</a></p>
                    <p><a href="#">（京）网械平台备字（2018）第00005号</a> <a href="#">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a> <a href="#">营业执照</a> <a href="#">医疗器械质量公告</a></p>
                    <p><a href="#">增值电信业务经营许可证编号：京B2-20180851</a> 网络食品经营备案 京食药网食备202010048   <a href="#">食品经营许可证</a> 新出发京批字第直220280号</p>
                    <p>违法和不良信息举报电话：171-5104-4404 <a href="#">知识产权侵权投诉</a> 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
                    <img src="./images/cbl/1.png" alt="">
                    <img src="./images/cbl/2.png" alt="">
                    <img src="./images/cbl/3.png" alt="">
                    <img src="./images/cbl/4.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="aside_tool">
        <a href="">
            <div class="icon"><i class="iconfont icon-shouji"></i></div>
            <span>手机APP</span>
        </a>
        <a href="">
            <div class="icon"><i class="iconfont icon-gerenzhongxin"></i></div>
            <span>个人中心</span>
        </a>
        <a href="">
            <div class="icon"><i class="iconfont icon-banshou"></i></div>
            <span>售后服务</span>
        </a>
        <a href="">
            <div class="icon"><i class="iconfont icon-kefu"></i></div>
            <span>人工客服</span>
        </a>
        <a href="">
            <div class="icon"><i class="iconfont icon-gouwuche"></i></div>
            <span>购物车</span>
        </a>
        <a href="" class="last">
            <div class="icon"><i class="iconfont icon-huidingbu"></i></div>
            <span>回顶部</span>
        </a>
    </div>
    <script src="./js/jquery-3.7.1.js"></script>
    <script src="./js/index.js"></script>
    
</body>
</html>